﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.3卡包</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_3卡包/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/4_3卡包/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u1516" class="ax_default" data-left="161" data-top="84" data-width="306" data-height="560">

        <!-- Unnamed (组合) -->
        <div id="u1517" class="ax_default" data-left="161" data-top="84" data-width="306" data-height="560">

          <!-- Unnamed (矩形) -->
          <div id="u1518" class="ax_default _形状">
            <div id="u1518_div" class=""></div>
            <div id="u1518_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1519" class="ax_default _形状">
            <div id="u1519_div" class=""></div>
            <div id="u1519_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Header 2 (矩形) -->
          <div id="u1520" class="ax_default _文本段落" data-label="Header 2">
            <div id="u1520_div" class=""></div>
            <div id="u1520_text" class="text ">
              <p><span>10:30 PM</span></p>
            </div>
          </div>

          <!-- Header 2 (矩形) -->
          <div id="u1521" class="ax_default _文本段落" data-label="Header 2">
            <div id="u1521_div" class=""></div>
            <div id="u1521_text" class="text ">
              <p><span>100%</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u1522" class="ax_default icon">
            <img id="u1522_img" class="img " src="images/1_登录_注册/u5.svg"/>
            <div id="u1522_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Header 2 (矩形) -->
          <div id="u1523" class="ax_default _文本段落" data-label="Header 2">
            <div id="u1523_div" class=""></div>
            <div id="u1523_text" class="text ">
              <p><span>MUX</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u1524" class="ax_default" data-left="175" data-top="102" data-width="37" data-height="5">

            <!-- Unnamed (矩形) -->
            <div id="u1525" class="ax_default _形状">
              <img id="u1525_img" class="img " src="images/1_登录_注册/u8.svg"/>
              <div id="u1525_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1526" class="ax_default _形状">
              <img id="u1526_img" class="img " src="images/1_登录_注册/u8.svg"/>
              <div id="u1526_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1527" class="ax_default _形状">
              <img id="u1527_img" class="img " src="images/1_登录_注册/u8.svg"/>
              <div id="u1527_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1528" class="ax_default _形状">
              <img id="u1528_img" class="img " src="images/1_登录_注册/u8.svg"/>
              <div id="u1528_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1529" class="ax_default _形状">
              <img id="u1529_img" class="img " src="images/1_登录_注册/u8.svg"/>
              <div id="u1529_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1530" class="ax_default _形状">
        <div id="u1530_div" class=""></div>
        <div id="u1530_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1531" class="ax_default _形状">
        <div id="u1531_div" class=""></div>
        <div id="u1531_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1532" class="ax_default _形状">
        <div id="u1532_div" class=""></div>
        <div id="u1532_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1533" class="ax_default _形状">
        <div id="u1533_div" class=""></div>
        <div id="u1533_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1534" class="ax_default _文本段落">
        <div id="u1534_div" class=""></div>
        <div id="u1534_text" class="text ">
          <p><span>小白乘车</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1535" class="ax_default _文本段落">
        <div id="u1535_div" class=""></div>
        <div id="u1535_text" class="text ">
          <p><span>远程巴士</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1536" class="ax_default _文本段落">
        <div id="u1536_div" class=""></div>
        <div id="u1536_text" class="text ">
          <p><span>个人中心</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1537" class="ax_default _线段">
        <img id="u1537_img" class="img " src="images/2_小白乘车/u112.svg"/>
        <div id="u1537_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1538" class="ax_default _线段">
        <img id="u1538_img" class="img " src="images/2_小白乘车/u113.svg"/>
        <div id="u1538_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1539" class="ax_default _线段">
        <img id="u1539_img" class="img " src="images/2_小白乘车/u112.svg"/>
        <div id="u1539_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1540" class="ax_default _线段">
        <img id="u1540_img" class="img " src="images/2_小白乘车/u112.svg"/>
        <div id="u1540_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1541" class="ax_default _线段">
        <img id="u1541_img" class="img " src="images/2_小白乘车/u112.svg"/>
        <div id="u1541_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1542" class="ax_default _线段">
        <img id="u1542_img" class="img " src="images/2_小白乘车/u112.svg"/>
        <div id="u1542_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1543" class="ax_default _形状">
        <div id="u1543_div" class=""></div>
        <div id="u1543_text" class="text ">
          <p><span>卡包</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1544" class="ax_default" data-left="167" data-top="132" data-width="60" data-height="24">

        <!-- Unnamed (图片 ) -->
        <div id="u1545" class="ax_default image">
          <img id="u1545_img" class="img " src="images/1_1忘记密码/u47.png"/>
          <div id="u1545_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1546" class="ax_default _文本段落">
          <div id="u1546_div" class=""></div>
          <div id="u1546_text" class="text ">
            <p><span>返回</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1547" class="ax_default" data-left="161" data-top="163" data-width="306" data-height="59">

        <!-- Unnamed (组合) -->
        <div id="u1548" class="ax_default" data-left="161" data-top="163" data-width="306" data-height="59">

          <!-- Unnamed (矩形) -->
          <div id="u1549" class="ax_default _形状">
            <div id="u1549_div" class=""></div>
            <div id="u1549_text" class="text ">
              <p><span>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 商城</span></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u1550" class="ax_default image1">
            <img id="u1550_img" class="img " src="images/2_小白乘车/u140.png"/>
            <div id="u1550_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1551" class="ax_default icon">
          <img id="u1551_img" class="img " src="images/4_3卡包/u1551.svg"/>
          <div id="u1551_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (列表框 ) -->
      <div id="u1552" class="ax_default list_box">
        <div id="u1552_div" class=""></div>
        <select id="u1552_input" size="2" class="u1552_input">
        </select>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1553" class="ax_default" data-left="178" data-top="247" data-width="258" data-height="90">

        <!-- Unnamed (矩形) -->
        <div id="u1554" class="ax_default _形状">
          <div id="u1554_div" class=""></div>
          <div id="u1554_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1555" class="ax_default _文本段落">
          <div id="u1555_div" class=""></div>
          <div id="u1555_text" class="text ">
            <p><span>次卡</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1556" class="ax_default _形状">
          <div id="u1556_div" class=""></div>
          <div id="u1556_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1557" class="ax_default _文本段落">
          <div id="u1557_div" class=""></div>
          <div id="u1557_text" class="text ">
            <p><span>有效期至2021/1/15</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1558" class="ax_default _文本段落">
          <div id="u1558_div" class=""></div>
          <div id="u1558_text" class="text ">
            <p><span>即将到期</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1559" class="ax_default _形状">
        <div id="u1559_div" class=""></div>
        <div id="u1559_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1560" class="ax_default _文本段落">
        <div id="u1560_div" class=""></div>
        <div id="u1560_text" class="text ">
          <p><span>月卡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1561" class="ax_default _形状">
        <div id="u1561_div" class=""></div>
        <div id="u1561_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1562" class="ax_default _文本段落">
        <div id="u1562_div" class=""></div>
        <div id="u1562_text" class="text ">
          <p><span>有效期至2021/10/7</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1563" class="ax_default _文本段落">
        <div id="u1563_div" class=""></div>
        <div id="u1563_text" class="text ">
          <p><span>剩余次数：5次</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1564" class="ax_default" data-left="179" data-top="480" data-width="258" data-height="90">

        <!-- Unnamed (矩形) -->
        <div id="u1565" class="ax_default _形状">
          <div id="u1565_div" class=""></div>
          <div id="u1565_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1566" class="ax_default _文本段落">
          <div id="u1566_div" class=""></div>
          <div id="u1566_text" class="text ">
            <p><span>校巴卡</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1567" class="ax_default _形状">
          <div id="u1567_div" class=""></div>
          <div id="u1567_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1568" class="ax_default _文本段落">
          <div id="u1568_div" class=""></div>
          <div id="u1568_text" class="text ">
            <p><span>有效期至2021/7/7</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1569" class="ax_default _形状">
        <img id="u1569_img" class="img " src="images/3_1校巴/u529.svg"/>
        <div id="u1569_text" class="text ">
          <p><span>1.用户在【4.个人中心】点击卡包按钮进入此页面。</span></p><p><span><br></span></p><p><span>2.页面显示商城和已购买的卡券。卡券上显示有效日期期限；月卡上和校巴卡显示剩余可使用次数。距离到期日期较近的卡券上显示“即将到期”字样，提示用户。</span></p><p><span><br></span></p><p><span>3.滑动查看已购买卡券商城入口模块吸附。【此功能实现(系统变量与函数效果）中的case09效果】</span></p><p><span><br></span></p><p><span>4.点击商城进入【4.31商城页】，用户可以在商城购买次卡和月卡。</span></p><p><span><br></span></p><p><span>5.点击返回按钮，页面跳转至【4.个人中心】。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1570" class="ax_default _文本段落">
        <div id="u1570_div" class=""></div>
        <div id="u1570_text" class="text ">
          <p><span>剩余次数：4次</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
